<div style="margin:8px;">
<script  type="text/javascript">

</script> 

    <div class="dojo-Tree" menu="treeContextMenu">
     <div class="dojo-TreeNode" title="World"></div>
     <div class="dojo-TreeNode" title="Business">
       <div class="dojo-TreeNode" title="News">
         <div class="dojo-TreeNode" title="Main"></div>
         <div class="dojo-TreeNode" title="Company News"></div>
         <div class="dojo-TreeNode" title="Economy"></div>
       </div>
       <div class="dojo-TreeNode" title="Markets"></div>
       <div class="dojo-TreeNode" title="Technology"></div>
       <div class="dojo-TreeNode" title="Jobs and Economy"></div>
     </div>
     <div class="dojo-TreeNode" title="Sports"></div>
   </div>
   
  <dl class="dojo-TreeContextMenu"  id="treeContextMenu">
      <dt class="dojo-TreeMenuItem" id="ctxMenuAdd" caption="Add Child" >
      <dt class="dojo-TreeMenuItem" id="ctxMenuDel" caption="Remove Item">
  </dl>

</div>